<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- swiper插件 -->
    <link rel="stylesheet" href="../swiper/swiper-bundle.css">
    <!-- 首页css -->
    <link rel="stylesheet" href="../css/index.css">
</head>
<body>
    <!-- 顶部导航 -->
    <div class="Top-nav-box">
        <div class="Top-nav">
            <!-- 左边 -->
            <ul class="Top-nav-left">
                <li>帮助中心</li>
                <li>收藏</li>
                <li>360官网</li>
                <li>360智慧生活</li>
            </ul>
            <!-- 右边 -->
            <ol class="Top-nav-right">
                <li><a href="./login.html">登录</a></li>
                <li><a href="register.html">注册</a></li>
                <li >
                    <a href="register.html"> 
                        <svg class="icon" aria-hidden="true">
                        <use id="cart" xlink:href="#icon-gouwuche-"></use></svg>
                    </a>
                </li>
            </ol>
        </div>
    </div>
    <!-- 顶部隐藏的条条 -->
    <div class="box"></div>
    <!-- 360标题-->
    <div class="header-wrapper-box">
        <!-- 中心盒子 -->
        <div class="header-wrapper">
            <!-- 左边 -->
            <ul>
                <li class="header-img"><img src="../images/t0102789b8d00c3dfce.png"></li>
                <li>新品推荐</li>
                <li>热卖榜单</li>
            </ul>
            <!-- 右边 -->
          <div class="header-right">
              <!-- 搜索引擎 -->
            <div class="inp_text">
                <input type="text">
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-sousuo"></use>
                  </svg>
                <ul id="list">
                    <!-- 渲染 -->
                </ul>
            </div>
            <ol>
                <li>记录仪</li>
                <li>摄影机</li>
                <li>路由器</li>
                <li>耳机</li>
                <li>扫地机</li>
                <li>智能手表</li>
            </ol>
          </div>
        </div>
    </div>

    <!-- 插件 swiper  轮播图  -->
    <div class="swiper-container">
        <ul class="swiper-wrapper">
            <li class="swiper-slide"><img src="../images/t01fe2f04a4bc675ea3.webp"></li>
            <li class="swiper-slide"><img src="../images/t010870466939631120.webp"></li>
            <li class="swiper-slide"><img src="../images/t01b1ae7e231ac75328.webp"></li>
            <li class="swiper-slide"><img src="../images/t01ce2235a9dd72c956.webp"></li>
            <li class="swiper-slide"><img src="../images/t0104d9aa62ec15199e.webp"></li>
        </ul>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>
        <!-- 如果需要导航按钮 -->
        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>

        <!--  一级菜单  -->
        <div class="category-box">
            <div>全部...</div>
            <ul class="listBox">
                <!-- JS渲染 -->
                <!-- 二级菜单  -->
                <!-- <div class="right">
                     
                </div> -->
            </ul>
        </div>

    </div>

<!-- 热门活动 -->
<div class="section">
    <div class="body-top">
        <div class="body-top-center">
             <div>热门活动</div>
             <div class="body-top-image">
                 <a class="img1" href="https://mall.360.cn/ac/luyouqi?track=RM01">
                     <img src="../images/1.jpg">
                 </a>
                 <a class="img2" href="https://mall.360.cn/ac/360PPR?track=RM02">
                     <img src="../images/2.jpg">
                 </a>
                 <a class="img3" href="https://mall.360.cn/ac/sdji?track=RM03">
                     <img src="../images/3.jpg">
                 </a>
                 <a class="img4" href="https://mall.360.cn/ac/xpss?track=RM04">
                     <img src="../images/4.jpg">
                 </a>
             </div>
             <div class="body-top-bottom">
                 <a href="https://mall.360.cn/ac/xchjly?track=TL01">
                     <img src="../images/5.jpg">
                 </a>
             </div>
        </div>
     </div>
</div>


<!-- 安全家访 -->
<div class="body-Home-Security">
    <div class="Home-Security-center">
          <!-- 家庭安防标题 -->
          <div>家庭安防&nbsp&nbsp&nbsp<a>全部>>></a></div>
          <ul class="homeUl">
             <!-- JS渲染 -->
          </ul>
          
          <div class="Home-Security-img360">
            <a href="https://mall.360.cn/ac/sdji?track=TL02"><img src="https://p2.ssl.qhimg.com/t01a65959191881d4b7.webp"></a>
        </div>
    </div>
</div>


<!-- 安全路由 -->
<div class="body-Home-Security">
    <div class="Home-Security-center">
          <!-- 家庭安防标题 -->
          <div>家庭安防&nbsp&nbsp&nbsp<a>全部>>></a></div>
          <ul class="Secure">
             <!-- JS渲染 -->
          </ul>
          
          <div class="Home-Security-img360">
            <a href="https://mall.360.cn/ac/sdji?track=TL02"><img src="https://p2.ssl.qhimg.com/t01a65959191881d4b7.webp"></a>
        </div>
    </div>
</div>



<!-- 行车安全 -->
<div class="body-Home-Security">
    <div class="Home-Security-center">
          <!-- 家庭安防标题 -->
          <div>家庭安防&nbsp&nbsp&nbsp<a>全部>>></a></div>
          <ul class="SDriving">
             <!-- JS渲染 -->
          </ul>
          
          <div class="Home-Security-img360">
            <a href="https://mall.360.cn/ac/sdji?track=TL02"><img src="https://p2.ssl.qhimg.com/t01a65959191881d4b7.webp"></a>
        </div>
    </div>
</div>

<!-- 扫地机器人 -->
<div class="body-Home-Security">
    <div class="Home-Security-center">
          <!-- 家庭安防标题 -->
          <div>扫地机器人&nbsp&nbsp&nbsp<a>全部>>></a></div>
          <ul class="robot">
             <!-- JS渲染 -->
          </ul>
          
          <div class="Home-Security-img360">
            <a href="https://mall.360.cn/ac/sdji?track=TL02"><img src="https://p2.ssl.qhimg.com/t01a65959191881d4b7.webp"></a>
        </div>
    </div>
</div>



<!-- 智能守护 -->
<div class="body-Home-Security">
    <div class="Home-Security-center">
          <!-- 家庭安防标题 -->
          <div>智能守护&nbsp&nbsp&nbsp<a>全部>>></a></div>
          <ul class="Intelligent">
             <!-- JS渲染 -->
          </ul>
          
          <div class="Home-Security-img360">
            <a href="https://mall.360.cn/ac/sdji?track=TL02"><img src="https://p2.ssl.qhimg.com/t01a65959191881d4b7.webp"></a>
        </div>
    </div>
</div>



<!-- 生态互联 -->
<div class="body-Home-Security">
    <div class="Home-Security-center">
          <!-- 家庭安防标题 -->
          <div>生态互联&nbsp&nbsp&nbsp<a>全部>>></a></div>
          <ul class="Ecological">
             <!-- JS渲染 -->
          </ul>
          
          <div class="Home-Security-img360">
            <a href="https://mall.360.cn/ac/sdji?track=TL02"><img src="https://p2.ssl.qhimg.com/t01a65959191881d4b7.webp"></a>
        </div>
    </div>
</div>




<!-- 更多商品 -->
<div class="body-floor">
    <div class="floor-center">
        <p class="floor-title">更多商品</p>
        <div class="floor-box">
            <ul class="floor-box-ul">
                <!-- JS渲染 -->
            </ul>
        </div>
        <div class="loading">
            <img src="https://img2.baidu.com/it/u=909624486,4182680343&fm=26&fmt=auto&gp=0.jpg">
        </div>
    </div>
</div>









<!-- 我已经陪你到底了 -->
<div class="footer">
<!-- <div class="footerLeft"></div> -->
<p>我已经陪你到底了</p>
<!-- <div class="footerRight"></div> -->
</div>

<!-- 底部  关于商城 -->
<div class="footer-top">
    <div class="footer-top-center">
        <!-- 关于商城 -->
        <div class="footer-top1">
            <p>关于商城</p>
            <div class="footer-top1-text">360商城是奇虎360公司的官方电商平台,主要经营360安全智能设备,以圾相关领域消费品。提供最新的360智能设备，最贴心的售后服务，360社区一手评测资讯，受360安全、安心、放心的购物体验</div>
            <div class="footer-top1-bottom">关于我们</div>
        </div>

        
        <!-- 售后服务 -->
        <div class="footer-top2">
            <p>售后服务</p>
            <ul>
                <li>7日无理由退货</li>
                <li>质量问题15日内换货</li>
                <li>保修条款</li>
                <li>服务流程</li>
                <li>许可协议</li>
                <li>隐私政策</li>
            </ul>
        </div>


        <!-- 帮助中心 -->
        <div class="footer-top3">
            <p>帮助中心</p>
            <ul>
                <li>用户注册</li>
                <li>会员说明</li>
                <li>登录与密码找回</li>
                <li>购买指南</li>
                <li>支付方式</li>
                <li>配送与说明</li>
            </ul>
        </div>


        <!-- 扫码下载APP -->
        <div class="footer-top4">
            <p>扫码下载APP</p>
            <a href="/download"><img src="https://p4.ssl.qhimg.com/t01912e4fcc88786eca.png"></a>
        </div>


        <!-- 联系我们 -->
        <div  class="footer-top5">
            <p>联系我们</p>
            <b>400-6822-360</b>
            <div>周一至周日9：00-18：00(仅收市话费)</div>
        </div>
    </div>
</div>


<!-- 底部  7天我无理由退货 -->
<div class="footer-bottom">
    <div class="footer-bottom-center">
        <div class="footer-bottom-top">
            <ul>
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-fanhui1"></use>
                    </svg>
                    7天无理由退货
                </li>
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-daihuanhuodingdan"></use>
                    </svg>
                    15天免费换货
                </li>
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-gouwu"></use>
                    </svg>
                    满99包邮
                </li>
            </ul>
        </div>

        <!-- ©2019-2021 mall.360.cn版权所有...... -->
        <div class="footer-bottom-bottom">
            <p>©2019-2021 mall.360.cn版权所有</p>
            <p>京ICP备08010314号-6 营业执照 </p>
            <p class="footer-bottom-p">公司名称：北京视觉世界科技有限公司 | 社会统一信用代码：91110105336460203N | 食品经营许可证</p>
            <p class="footer-bottom-p">公司地址：北京市朝阳区酒仙桥路6号院2号楼1至17层102号内5层501 | 联系方式：400-6822-360</p>
        </div>
    </div>
</div>


</body>
 <!-- 家访渲染数据 -->
 <script src="../data/data.js"></script>
 <!-- swiper插件 -->
 <script src="../swiper/swiper-bundle.js"></script>
 <!--  font字体图标 -->
 <script src="../fonts/font_2731806_nhnxhjegqce/iconfont.js"></script>
 <!-- 工具 -->
 <script src="../utils/utils.js"></script>
 <!-- 搜索引擎JS -->
 <script src="../js/index.js"></script>
</html>